<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta data-n-head="ssr" name="referrer" content="no-referrer">
  <!-- 在文档顶部我们可以将我们即将要请求的地址的DNS预先查询，通过插入一个link标签来告知浏览器我们将要从这个地址(通常会是存放静态资源的CDN的地址，)拉取数据了，你先查询一下，当用到的时候就可以直接拿到对应的IP -->
  <link rel="dns-prefetch" href="https://fonts.googleapis.com/">
  <!-- 在这里，我们预加载了CSS和JavaScript文件，所以在随后的页面渲染中，一旦需要使用它们，它们就会立即可用。这个例子本身可能有些平淡，但预加载的好处可以更清晰直观的得到展示，在随后的渲染过程中，这些资源得到有效使用。对于更大的文件来说，也是如此。 例如那些在CSS文件中指向的资源，比如字体或是图片；再比如更大的图片和视频文件。 -->
  <link rel="preload" href="./src/views/login/login.css" as="style">
  <!-- 由于使用的是其它网站的图片资源，直接引用路径的话报错403，但是在浏览器可以正常显示 解决办法如下：将标签加上如下代码 -->
  <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">
  <title>瑞通炭素 | 工艺流程平台</title>
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/theme-chalk/index.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.2/vue.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/index.js"></script>
  <script> Vue.config.productionTip = false</script>
  <script>
    // 白屏时间：指从输入网址，到页面开始显示内容的时间。
    // 首屏时间：指从输入网址，到页面完全渲染的时间。
    console.log('白屏时间', new Date() - performance.timing.navigationStart)
    window.onload = function () {
      console.log('首屏时间', new Date() - performance.timing.navigationStart)
    }
  </script>
</head>

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>